<template>
	<view class="set_up">
		<view class="set_up_box">
			<view class="set_up_li" v-for="item in dataList" :key="item.id" @click="jump(item)">
				<view class="u_li_left">{{item.name}}</view>
				<view class="u_li_right">
					<!-- <text>{{customer.nickName}}</text> -->
					<image class="right_arrow" src="/static/my/right_arrow.png" mode="widthFix"></image>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList:[
					{id:1,name:'修改交易密码',value:0},
					{id:2,name:'忘记交易密码',value:2},
				],
				phone:''
			}
		},
		onLoad(e) {
		  this.phone = e.phone
		},
		methods: {
			jump(e){
				uni.navigateTo({
					url:'./password-settings/password-settings?step='+e.value+'&phone='+this.phone
				})

			}
		}
	}
</script>

<style scoped>
	page {
		background: #F8FBFF;
	}


	.set_up {
		padding-top: 40rpx;
	}
	.set_up_box{
		border-radius:16rpx;
		overflow: hidden;
		width: 686rpx;
		background: #fff;
		margin: 0 auto;
	}
	.set_up_li {
		width:100%;
		padding: 30rpx 24rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1rpx solid #EDEDED;
		color: #000000;
	}
	.set_up_li:last-child{
		border-bottom: unset;
	}
	.set_up_li .u_li_left {
		font-size: 28rpx;
		color: #000000;
	}
	.u_li_right {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 28rpx;
	}

	.u_li_right .logo {
		width: 74rpx;
		height: 74rpx;
		border-radius: 50%;
	}

	.u_li_right .right_arrow {
		width: 20rpx;
		height: 32rpx;
		margin-left: 20rpx;
	}
</style>
